import clsx from 'clsx';

interface Props {
  className?: string;
  children?: React.ReactNode; // Add this line to accept children
}

export default function ActionCard({ className, children }: Props) {
  return (
    <>
      <div
        className={clsx(
          'box-border overflow-x-auto rounded-semi-border-radius-medium border border-semi-color-primary-light-active p-4',
          className
        )}
      >
        {children}
      </div>
    </>
  );
}
